import "./Board.scss"

export default function Board(props) {
  const { styleOpt, text, handleText, handleState, state } = props;
  return (
    <div
      class="board"
      onMouseEnter={() => handleText(text)}
      onMouseLeave={() => handleText("")}
      style={{background: styleOpt.background}}
      onClick={() => handleState(state)}
    ></div>
  );
}
